<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>PuLiPuLi(*￣▽￣*)ブ欢迎您</title>
		<link rel="stylesheet" type="text/css" href="test2.css">
		</head>
	<body>
		
		<div class="bk1">		
		
		<div class= "box">
		<div class="box1">
		<h1 class="h1">Welcome!</h1>
		<a href="#" class="link1">Select?</a>
		</div>
		
		<div class="box2">
		<h1 class="h2">Do you have an account?</h1>
		<a href="#" class="link2">Regist?</a>
		</div>
		
		<div class="box3">
		<h1 class="h3">Choose your like</h1>
		<a href="#" class="link3">About?</a>
		</div>
		</div>
		</div>
		<div class="right">
			<form action = "#" method = "post" onsubmit="return verify()">
			<label for="name">Name</label>
			<input type="text" placeholder="UserName" id="name" name="name">
    
			<label for="email">Email</label>
			<input type="email"  placeholder="Email"id ="email" name="email">
    
			<label for="password">Password</label>
			<input type="password"  placeholder="Password" id="password" name="password">
	
			
		<button class="bt1" type="text" onclick="bt1()">Regist</button>	
		<button class="bt2" type="submit" onclick="bt2()">Login</button>
			</form>
		</div>
	
		<div class="title">
		<span class="symbol">KuKi</span>
		<ul>
		<li><a href="#">首页</a></li>
		<li><a href="#">信息资源</a></li>
		<li><a href="#">购买</a></li>
		<li><a href="#">技术支持</a></li>
		<li><a href="#">最新资讯</a></li>
		<li><a href="#">账号管理</a></li>
		</ul>
		</div>
		
		<div class="footer">Created by LULU @2021.</div>	
<script>
	function bt2()
	{
		alert('登陆成功！');
	}
	
	function verify(){
				var uname = document.getElementById('name');
				var emai = document.getElementByCId('email');
				var pwd = document.getElementById('password');
		        return true;
	}
	
</script>

	
	</body>
	
</html>